const template = (`
	<ul class="todo-main">
		<li v-for="item in taskList" :key="item.id">
			<label>
				<input type="checkbox"/>
				<span>{{item.title}}</span>
			</label>
			<button class="btn btn-danger" style="display:block">删除</button>
		</li>
	</ul>
`);
export default {
	template,
	data(){
		return {
			taskList:[
				{
					id:1,
					title:"金庸",
					isChecked:true
				},{
					id:2,
					title:"古龙",
					isChecked:true
				}
			]
		}
	},
	mounted(){
		this.$bus.$on("addTask",(title,cb)=>{
			if(this.taskList.some(v=>v.title===title)){
				alert("任务的标题不允许重复");
				return;
			}
			this.taskList = [
				{
					id:Math.random().toString(36).slice(2),
					title,
					isChecked:true
				},
				...this.taskList
			];
			cb();
		})
		// this.$bus.$on("addTask",(taskInfo)=>{
		// 	this.taskList = [
		// 		taskInfo,
		// 		...this.taskList
		// 	]
		// })
	}
}